<template>
	<div style="padding-top:50px;">
	    <TopWithBack></TopWithBack>
        <div class="paytype_t">
            <div class="paytype_t_l">
                <img src="./../../assets/images/pay_top_icon.jpg" alt="" width="70%">
            </div> 
            <div class="paytype_t_r">
                <p>￥333</p>
                <p>感谢您的信任</p>
            </div>               
        </div>
        <div class="index_divide"></div>
        <div class="paytype_con">
            <div class="paytype_con_l">
                <img src="./../../assets/images/weixin_icon.png" alt="" width="60%">
            </div>
            <div class="paytype_con_m">
                    <span>微信支付</span>
                    <p>推荐有微信账户的用户使用</p>
            </div>
            <div class="paytype_con_r">
                 <input class="aui-radio" type="radio" name="demo1">
            </div>
            
        </div>
        <div class="paytype_con">
            <div class="paytype_con_l">
                <img src="./../../assets/images/zhifubaoicon.png" alt="" width="60%">
            </div>
            <div class="paytype_con_m">
                    <span>支付宝支付</span>
                    <p>推荐有支付宝账户的用户使用</p>
            </div>
            <div class="paytype_con_r">
                 <input class="aui-radio" type="radio" name="demo1">
            </div>
            
        </div>
        <div class="paytype_con">
            <div class="paytype_con_l">
                <img src="./../../assets/images/leftmoney_icon.png" alt="" width="60%">
            </div>
            <div class="paytype_con_m">
                    <span>余额支付，账户余额：470元</span>
                    <p>使用账户余额支付</p>
            </div>
            <div class="paytype_con_r">
                 <input class="aui-radio" type="radio" name="demo1">
            </div>
            
        </div>
        <div class="paytype_con">
            <div class="paytype_con_l">
                <img src="./../../assets/images/ryb_icon.png" alt="" width="60%">
            </div>
            <div class="paytype_con_m">
                    <span>瑞雅币支，瑞雅币数量：125</span>
                    <p>使用账户余额支付</p>
            </div>
            <div class="paytype_con_r">
                 <input class="aui-radio" type="radio" name="demo1">
            </div>
            
        </div>

        <button class="recharge_btn" style="margin-top: 30px">确认支付</button>
    </div>
</template>
<script>
import TopWithBack  from './../common/TopWithBack.vue'
export default{
  name: 'PayNow',
  methods:{
    
  },
  components:{
  	TopWithBack
  }
}
</script>
<style>

</style>



